<%-- 
    Document   : index
    Created on : 9/09/2010, 08:08:01 PM
    Author     : colo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript"  src="script.js"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="Shortcut Icon" href="images/Escudo_Usac.ico" />
<title>USAC Mail V.1.0</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
	<div id="header-wrapper">
		<div id="header">
			<div id="logo">
				<h1>Usac Mail v1.0</h1>
				<h2>Sistema de Correo de la Universidad de San Carlos de Guatemala</h2>
			</div>
			<div id="search">
				<img src="images/Escudo_Usac.png" alt="Escudo Usac" />
			</div>
			<!-- end #logo -->
		</div>
		<!-- end #header -->
		<div id="menu">
			<ul>
				<li class="first"><a href="index.jsp">Inicio</a></li>
				<li><a href="Registro.jsp">Registrarse</a></li>
				<li><a href="#">Acerca de Nosotros</a></li>
			</ul>
		</div>
		<!-- end #menu -->
	</div>
	<!-- end #header-wrapper -->
	<div id="page">
		<div id="banner"><img src="images/img05.jpg" alt="banner_usac" /></div>
		<div id="page-bgcontent">
			<div id="content">
				<div class="post">
				<h2>BIENVENIDO AL SISTEMA AREA DE REGISTRO</h2>
				<br /><br />
					<p>
                                            <form action="upload.jsp?op=1" method="POST" enctype="MULTIPART/FORM-DATA" >
                                                <label for="tipusuario">Seleccione la imagen para su perfil: </label><br />
                                                <input type="file" name="file" onchange="document.all.oculto3.value=this.value" /><br/>
                                                <input type="submit" value="Subir" />
                                            </form><br/><br/>
                                         <form action="registrar.jsp" method="POST" >
                                             <input type="text" name="oculto3" style="visibility: hidden;" /><br />
                                          <label for="titulo">Todos los campos de este formulario son obligatorios </label><br />
                                         <label for="tipusuario">Tipo de Usuario: </label><br />
                                         <select name="tipusuario">
                                             <option value="1">Estudiante</option>
                                             <option value="2">Catedratico</option>
                                             <option value="3">Empleado</option>
                                         </select><br />
                                         <label for="usuario">Id de Usuario: </label><br />
                                         <input type="text" name="usuario" onchange="eldelay()" />@usacmail.com<br /><br />
                                         <span id="hola3"></span><br /><br /><br />
                                         <label for="password">Password: </label><br />
                                         <input type="password" name="password" size="25" /><br />
                                         <label for="email">Direccion de correo alterno</label><br />
                                         <input type="text" name="correo" size="25" />(Soportados unicamente hotmail y gmail)<br />
                                         <label for="email">Password de Correo alterno</label><br />
                                         <input type="password" name="passconfirmacion" size="25" /><br />(Unicamente para envio de confirmacion, no se almacenara)<br />
                                         <label for="Nombres">Nombres: </label><br />
                                         <input type="text" name="nombres" /><br />
                                         <label for="Apellidos">Apellidos: </label><br />
                                         <input type="text" name="apellidos" size="25" /><br />
                                         <label for="sexo">Sexo: </label><br />
                                         <select name="sexo">
                                             <option value="1">Masculino</option>
                                             <option value="2">Femenino</option>
                                         </select><br />
                                         <label for="fechanac">Fecha de Nacimiento: </label><br />
                                         <select name="dia">
                                             <option value="1">1</option>
                                             <option value="2">2</option>
                                             <option value="3">3</option>
                                             <option value="4">4</option>
                                             <option value="5">5</option>
                                             <option value="6">6</option>
                                             <option value="7">7</option>
                                             <option value="8">8</option>
                                             <option value="9">9</option>
                                             <option value="10">10</option>
                                             <option value="11">11</option>
                                             <option value="12">12</option>
                                             <option value="13">13</option>
                                             <option value="14">14</option>
                                             <option value="15">15</option>
                                             <option value="16">16</option>
                                             <option value="17">17</option>
                                             <option value="18">18</option>
                                             <option value="19">19</option>
                                             <option value="20">20</option>
                                             <option value="21">21</option>
                                             <option value="22">22</option>
                                             <option value="23">23</option>
                                             <option value="24">24</option>
                                             <option value="25">25</option>
                                             <option value="26">26</option>
                                             <option value="27">27</option>
                                             <option value="28">28</option>
                                             <option value="29">29</option>
                                             <option value="30">30</option>
                                             <option value="31">31</option>
                                         </select>
                                          <select name="mes">
                                             <option value="1">Enero</option>
                                             <option value="2">Febrero</option>
                                             <option value="3">Marzo</option>
                                             <option value="4">Abril</option>
                                             <option value="5">Mayo</option>
                                             <option value="6">Junio</option>
                                             <option value="7">Julio</option>
                                             <option value="8">Agosto</option>
                                             <option value="9">Septiembre</option>
                                             <option value="10">Octubre</option>
                                             <option value="11">Noviembre</option>
                                             <option value="12">Diciembre</option>
                                         </select>
                                         <select name="anio">
                                             <option value="1940">1940</option>
                                             <option value="1951">1951</option>
                                             <option value="1962">1962</option>
                                             <option value="1970">1970</option>
                                             <option value="1981">1981</option>
                                             <option value="1992">1992</option>
                                             <option value="1993">1993</option>
                                             <option value="1994">1994</option>
                                             <option value="1995">1995</option>
                                             <option value="1996">1996</option>
                                             <option value="1997">1997</option>
                                             <option value="1998">1998</option>
                                             <option value="1999">1999</option>
                                         </select><br />
                                         <label for="codig">Codigo de Estudiante/Catedratico/Empleado:</label><br />
                                         <input type="text" name="codigo" /><br />
                                         <label for="carrer">Carrera:</label><br />
                                         <input type="text" name="carrera" /><br />
                                         <span id="hola2"></span><br /> 
                                         <input type="button" value="Mostrar Captcha" onclick="MostrarCaptcha()" /><br />
                                         <label for="codig">Ingresa el valor del Captcha:</label><br /><input type="text" name="captcha" /><input type="text" name="oculto" style="visibility: hidden;" /><br />
                                         <br /><br />
                                        <input type="submit" value="Enviar" />
                                         <input type="reset" value="Borrar" />
                                        </form>
                                        </p>
				</div>
			</div>
			<!-- end #content -->
			<div id="sidebar">
				<h2>Enlaces de Interes</h2>
				<ul>
					<li>
						<ul>
							<li><a href="http://www.ingenieria-usac.edu.gt" target="_blank">Ingeniera Usac</a></li>
							<li><a href="http://ecys.ingenieria-usac.edu.gt" target="_blank"> Escuela de Sistemas de Ingenieria</a></li>
							<li><a href="http://www.usac.edu.gt" target="_blank">USAC</a></li>
							<li><a href="http://www.concyt.gob.gt" target="_blank">CONCYT</a></li>
							<li><a href="http://www.facebook.com" target="_blank">Facebook</a></li>
							<li><a href="http://wiki.archlinux.org" target="_blank">Wiki de Arch Linux</a></li>
						</ul>
					</li>
				</ul>
			</div>
			<!-- end #sidebar -->
			<div style="clear: both;">&nbsp;</div>
		</div>
		<div id="footer">
			<p>(c) 2010 Universidad de San Carlos de Guatemala Diseñado por Luis Ubeda, plantilla tomada de <a href="http://www.freecsstemplates.org">free css templates</a></p>
		</div>
		<!-- end #footer -->
	</div>
	<!-- end #page -->
</div>
</body>
</html>
